<script setup lang="ts">
defineOptions({ name: 'ThemeMode' })

const theme = useThemeStore()
</script>

<template>
  <hover-container class="w-[40px] h-full" :inverted="theme.header.inverted" tooltip-content="主题模式">
    <dark-mode-switch :dark="theme.darkMode" :customize-transition="theme.isCustomizeDarkModeTransition" class="w-full h-full" @update:dark="theme.setDarkMode" />
  </hover-container>
</template>

<style lang="scss" scoped></style>
